@{block #content}
    {snippet celebrioweatherappSnippet}
<div id="progressBarParent"><div id="progressbar"></div></div>
    <div class="celebrioweatherapp_contents">
    {if isset($city)}
    <div class="celebrioweatherapp_header">
        <div class="celebrioweatherapp_header_left"><h1>{_"Weather for %s",$city}</h1></div>
        <div class="celebrioweatherapp_header_right">
            <div id="celebrioweatherapp_cityFinder">
            <form id="celebrioweatherapp_homeWeather">
                <input type="submit" value="Home" />
            </form>
            <form>
                <label class="undisplayed" for="cityfield">{!_"Search for city:"}</label>
                <input id="celebrioweatherapp_cityField" name="cityfield" type="text" placeholder="{!_'search for city'}" />
                <input type="submit" value="Find" />
            </form>
            <div class="celebrioweatherapp_cityNotFound"></div>
            </div>
            <div class="celebrioweatherapp_cb" />
    </div>
    <div class="celebrioweatherapp_cb" >
</div>
<div class="celebrioweatherapp_block celebrioweatherapp_current">
    <h2>{_"Conditions at %s",$currentTime}</h2>
    <img src="{$basePath}/systemApps/celebrioweather/images/{$currentImage}.png" />
    <span class="celebrioweatherapp_c_temp">{$currentTemperature}&deg;C</span>
    <span class="celebrioweatherapp_c_text">{$currentText}</span>
</div>
<div class="celebrioweatherapp_block">
    <h2>{!_"Today"}</h2>
    <img src="{$basePath}/systemApps/celebrioweather/images/{$todayImage}.png" />
    <span class="celebrioweatherapp_high">{$todayHigh}&deg;C</span>
    <span class="celebrioweatherapp_low">{$todayLow}&deg;C</span>
    <span class="celebrioweatherapp_text">{$todayText}</span>
</div>
<div class="celebrioweatherapp_block">
    <h2>{!_"Tomorrow"}</h2>
    <img src="{$basePath}/systemApps/celebrioweather/images/{$tomorrowImage}.png" />
    <span class="celebrioweatherapp_high">{$tomorrowHigh}&deg;C</span>
    <span class="celebrioweatherapp_low">{$tomorrowLow}&deg;C</span>
    <span class="celebrioweatherapp_text">{$tomorrowText}</span>
</div>
<hr class="cleaner" />
{else}
<h1>{!_"Celebrio Weather Forecast"}</h1>
<p>{!_"An error occurred while retrieving the weather forecast data."}</p>
{/if}
</div>
<div class="celebrioweatherapp_footer">
    <p>{!_"Weather forecast provided by Yahoo! Weather."} <img src="http://l.yimg.com/a/i/brand/purplelogo//uh/us/news-wea.gif" /></p>
</div>
    {/snippet}
{/block}